import axios, { Method } from 'axios'
import { getToken, removeToken } from './token-utils'
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'
import { getTempId } from './author'
import useUserStore from '@/store/userInfo'
import router from '@/router'
const useStore = useUserStore()

const instance = axios.create({
  // 尚品汇接口前缀是:/sph
  // 网易前缀是：//api
  baseURL: '/sph',
  timeout: 4000
})

// 添加请求拦截器
instance.interceptors.request.use(
  (config) => {
    // 添加进度条
    nprogress.start()
    // 请求头携带token
    const token = useStore.token
    if (token) {
      config.headers.token = token
    }
    // 因为想要没登录的时候就可以将商品添加到购物车，所以可以给每个用户添加一个私有的id，这个时候就知道是谁添加的商品了
    config.headers.userTempId = getTempId()
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  (response) => {
    nprogress.done()
    const res = response.data
    // 网易的成功是字符串的200，但sph是数字的200,到时候还要做区分
    if (res.code !== 200) {
      if (res.code === 208) {
        // token失效
        // 清除本地token
        removeToken()
        useStore.token = ''
        //  跳转到登录页面
        router.push('/login')
        // 扔出错误，将错误传递
        return Promise.reject(new Error(res.message))
      }
    } else {
      // token是200
      return res
    }
  },
  (error) => {
    // 1.网络错误
    // 2.状态码非2开头
    return Promise.reject(error)
  }
)

// 定义公共接口
export interface IReqLoginRes<T> {
  code: number
  data: T
  message: string
  success: boolean
}

// 封装公共的请求数据的方法
function request<T>(url: string, method: Method, submitData?: unknown) {
  // 将请求方式全部转化为大写
  const newMethod = method.toUpperCase()
  return instance.request<T, IReqLoginRes<T>>({
    url,
    method: newMethod,
    data: newMethod === 'POST' || newMethod === 'PUT' || newMethod === 'DELETE' ? submitData : {}, //为post和put的时候传递参数为data
    params: newMethod === 'GET' ? submitData : {} //为get和delete的时候传递的参数为params
  })
}
export default request
